/* - 基础用法 - */
.u-table-basic{
	.u-table-th{
		font-weight:400;
	}
	.u-table-td{
		padding:10px;
	}
	.u-table-td-util{
		display: flex;
		gap:5px;
	}
}
/* - 高级用法 - */

.u-table-senior{
	height:100%;
	.flex-layout{
		display: flex;
		align-items: center;
		justify-content:center;
	}
	.u-table-td{
	}
	.u-table-td-util{
		display: flex;
		justify-content: flex-start;
		gap:5px;
	}
}
.u-table-senior-pagination{ // 分页
		padding:15px 0;
		border:1px solid $uni-border-color;
		border-top:none;
		border-left:none;
	}
.u-table-senior-body{ // 内容
	overflow-x: auto;
	width: auto;
	padding-right:10px;
}
/* 高级用法-滚动条样式 */
.u-table-senior-body::-webkit-scrollbar {
		width:5px;/*  设置纵轴（y轴）轴滚动条 */
		height: 8px;/*  设置横轴（x轴）轴滚动条 */
		border-radius:3px;
	}
/* 滚动条滑块（里面小方块） */
.u-table-senior-body::-webkit-scrollbar-thumb {
	border-radius:3px;
	background: #777;
}
	/* 滚动条轨道 */
.u-table-senior-body::-webkit-scrollbar-track {
	border-radius: 0;
}

/** 通用 **/
.u-table-tr:hover{
		transition: .3s;
		background: #f8f8f8;
	}
